<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootcss1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<body>
<hr>

<div class="container">
    <img class="img-rounded" src="http://pic-bucket.ws.126.net/photo/0003/2020-02-27/F6CJKMGV00AJ0003NOS.png">
    <img class="img-circle" src="http://pic-bucket.ws.126.net/photo/0003/2020-02-27/F6CJKMGV00AJ0003NOS.png">
    <img class="img-thumbnail" src="http://pic-bucket.ws.126.net/photo/0003/2020-02-27/F6CJKMGV00AJ0003NOS.png">
    <hr>
    <form action="https://www.sogou.com/web" target="_blank">
        <div class="input-group">
            <input class="form-control" type="text" name="query">
            <span class="input-group-btn">
                <input class="btn btn-primary" type="submit" value="搜狗搜索">
            </span>
        </div>
    </form>
</div>



<hr>
<form action="" class="form-inline">
    <div class="form-group">
        <label>uname:</label> <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label> <input class="form-control" type="password">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit" value="提 交">
    </div>
</form>
<hr>
<form action="">
    <div class="form-group">
        <label>uname:</label> <input class="form-control" type="text">
    </div>
    <div class="form-group">
        <label>upass:</label> <input class="form-control" type="password">
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit" value="提 交">
    </div>
</form>

<hr>
<p>
    <a class="btn btn-primary" href="http://fanyi.sogou.com" target="_blank">搜狗翻译</a>
</p>
<p>
    <button class="btn btn-block btn-info">提 交</button>
</p>
<p>
    <input class="btn btn-default btn-lg" type="submit" value="提 交">
    <input class="btn btn-primary" type="submit" value="提 交">
    <input class="btn btn-danger" type="submit" value="提 交">
    <button class="btn btn-sm btn-warning">提 交</button>
    <button class="btn btn-xs btn-success">提 交</button>
</p>
<hr>
<table class="table table-bordered table-hover table-striped">
    <tr class="info">
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr class="warning">
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr class="success">
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr class="danger">
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
</table>
<p class="text-center h3">达内云计算 nsd1909</p>
<p class="text-right h3">达内云计算 nsd1909</p>
<p class="h3 text-muted bg-danger">达内云计算 nsd1909</p>
<p class="h3 text-success bg-info">达内云计算 nsd1909</p>
<p class="h3 text-primary bg-warning">达内云计算 nsd1909</p>
<p>达内云计算 nsd1909</p>
<h1>达内云计算 nsd1909</h1>
<h2>达内云计算 nsd1909</h2>
<h3>达内云计算 nsd1909</h3>
<h4>达内云计算 nsd1909</h4>
<h5>达内云计算 nsd1909</h5>
<h6>达内云计算 nsd1909</h6>
<p class="h3">达内云计算 nsd1909</p>
<p class="h3">
    <mark>达内云计算 nsd1904</mark>
    <del>达内云计算 nsd1904</del>
    <s>达内云计算 nsd1904</s>
    <ins>达内云计算 nsd1904</ins>
    <u>达内云计算 nsd1904</u>
    <small>达内云计算 nsd1904</small>
    <strong>达内云计算 nsd1904</strong>
    <em>达内云计算 nsd1904</em>
</p>
</body>
</html>